<%--
*
* 描述：幻灯片文件，用来切换图片
* 
* 时间：2013-5-10
*
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
	<title>Sliderman.js - Examples - Created by Devtrix.net</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="keywords" content="slideman, slide.js, javascript slider, jquery, slideshow, effects" />
	<meta name="description" content="Sliderman.js - will do all the sliding for you :)" />
	<style type="text/css">
		* { margin: 0; outline: none; }
		body { background-color: #ffffff; }
		.c { clear: both; }
		#wrapper { margin: 0 auto; padding: 0 0px 0px 0px; width: 260px; }
		h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
	</style>

	<!-- slide.js -->
	<script type="text/javascript" src="<%=request.getContextPath()%>/portal/dsnc/js/slide.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/portal/dsnc/css/slide.min.css" />
	<!-- /slide.js -->
</div>
<body>
	<div id="wrapper">

		<div id="examples_outer">
			<div id="slider_container_1">
				<div id="SliderName">
					<s:action name="image_dsnc" namespace="/portal" executeResult="true" flush="true">
						<s:param name="pagesize" value="10"/>
						<s:param name="channel.id" value="-1L"/>
						<s:param name="titlesize" value="56"/>
					</s:action>						
				</div>
				<div class="c"></div>
				<div id="SliderNameNavigation"></div>
				<div class="c"></div>
				<script type="text/javascript">
					// we created new effect and called it 'demo01'. We use this name later.
					Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});
					var demoSlider = Sliderman.slider({container: 'SliderName', width: 245, height: 203, effects: 'demo01',
					display: {
						pause: true, // slider pauses on mouseover
						autoplay: 3000, // 3 seconds slideshow
						always_show_loading: 200, // testing loading mode
						description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
						loading: {background: '#000000', opacity: 0.2, image: '<%=request.getContextPath()%>/portal/dsnc/images/loading.gif'}, // loading box settings
						buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
						navigation: {container: 'SliderNameNavigation', label: '&nbsp;'} // navigation (pages) settings
					}});
				</script>
				<div class="c"></div>
			</div>
			<div class="c"></div>
		</div>

		<div class="c"></div>
	</div>
</body>
</html>